<%@ include file="../../inc/comunAjax.jsp" %>
<style>
	#divListado2   {height:200px; overflow-x:hidden; overflow-y:scroll}
	#opcionId      {width: 100px;}
	#tipoId        {width: 100px;}
	#estadoId      {width: 100px;}
	#nombre        {width: 290px;}
</style>
<div id="divListado2">
</div>
<form:form method="post" action="opcreg.do" commandName="control" cssStyle="border:0;margin:0;">
<form:hidden path="id.aplicacionId" id="aplicacionId"/>
<form:hidden path="id.opcionId" id="opcionId"/>
<form:hidden path="id.controlId" id="controlId"/>

<table class="tblFormulario">
	<tr><td class="etiqueta" style="text-align: left;">C&oacute;digo</td>
		<td class="etiqueta" style="text-align: left;">Nombre <label class="asterisco">*</label></td>
		<td class="etiqueta" style="text-align: left;">Tipo <label class="asterisco">*</label></td>
		<td class="etiqueta" style="text-align: left;">Estado <label class="asterisco">*</label></td>
	</tr>
	<tr>
		<td class="valor noeditable"><label id="lblOpcionId"></label></td>
		<td class="valor"><form:input path="nombre" cssClass="obligatorio"/></td>
		<td class="valor">
			<form:select path="tipo.detalleId" id="tipoId" cssClass="obligatorio">
				<form:options items="${tipos}" itemValue="detalleId" itemLabel="nombreLargo"/>
			</form:select>
		</td>
		<td class="valor">
			<form:select path="estado.detalleId" id="estadoId" cssClass="obligatorio">
				<form:options items="${estados}" itemValue="detalleId" itemLabel="nombreLargo"/>
			</form:select>
		</td>
	</tr>
</table>
</form:form>